<template>
  <view class="webview">
    <web-view v-if="url" :src="url" />
    <u-empty
      v-else
      margin-top="36%"
      icon="https://ui-resourse.oss-cn-shenzhen.aliyuncs.com/picture/2022/03/17/aUXPlIYfLUqWTgQl.png"
      text="未设置可访问的页面地址"
    />
  </view>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({ name: 'WebView' })
export default class WebView extends Vue {
  // 神奇的原因，url会自动赋值
  url!: string
}
</script>
